﻿@model Common.Contract.Authentication.Record.UserRecord
<div id="sme-logo" class="navbar nav_title" style="border: 0;">
    <a href="/" class="site_title"><img class="logovp-sidebar" src="~/Images/vpbanklogo.png" alt="" /><img class="logobic-sidebar" src="~/Images/logo BICC.jpg" alt="" /></a>
</div>
<div class="clearfix"></div>
<!-- menu profile quick info -->
<div id="sme-dao-info" class="profile">
    <h3 class="site_title">
        @SMEsCustomer360Degree.Core.Resources.Resource.YourProfile

    </h3>
    <div id="msbo-detail" data-parsley-validate="" class="form-horizontal form-label-left">

        <div class="form-group">
            <label class="control-label col-md-4 col-sm-4 col-xs-12" for="first-name">
                @SMEsCustomer360Degree.Core.Resources.Resource.Name
            </label>
            <label class="col-md-6 col-sm-6 col-xs-12 smes_control_label">
                @Model.UserName
            </label>
        </div>
        <div class="form-group">
            <label class="control-label col-md-4 col-sm-4 col-xs-12" for="first-name">
                @SMEsCustomer360Degree.Core.Resources.Resource.ContractType
            </label>
            <label class="col-md-6 col-sm-6 col-xs-12 smes_control_label">
                @Model.ContractType
            </label>
        </div>
        <div class="form-group">
            <label class="control-label col-md-4 col-sm-4 col-xs-12" for="first-name">
                DAO
            </label>
            <label class="col-md-6 col-sm-6 col-xs-12 smes_control_label">
                @Model.Dao
            </label>
        </div>
        <div class="form-group">
            <label class="control-label col-md-4 col-sm-4 col-xs-12" for="first-name">
                @SMEsCustomer360Degree.Core.Resources.Resource.Branch
            </label>
            <label class="col-md-6 col-sm-6 col-xs-12 smes_control_label">
                @Model.Branch
            </label>
        </div>
        <div class="form-group">
            <label class="control-label col-md-4 col-sm-4 col-xs-12" for="first-name">
                @SMEsCustomer360Degree.Core.Resources.Resource.Zone
            </label>
            <label class="col-md-6 col-sm-6 col-xs-12 smes_control_label">
                @Model.Zone
            </label>
        </div>
        <div class="form-group">
            <label class="control-label col-md-4 col-sm-4 col-xs-12" for="first-name">
                @SMEsCustomer360Degree.Core.Resources.Resource.StartWorkDate
            </label>
            <label class="col-md-6 col-sm-6 col-xs-12 smes_control_label">
                @Model.StartWorkingDate
            </label>
        </div>
    </div>
</div>
<!-- /menu profile quick info -->
<br />
<!-- sidebar menu -->
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
    <div class="menu_section">
        <ul class="nav side-menu tile_count">
            <li id="smes_sidebar_quick_link_tc" class="smes_tile_stats_li smes_sidebar_quick_link_tc">
                <a class="smes_small_left_menu_icon">
                    <i class="fa fa-users"></i>@SMEsCustomer360Degree.Core.Resources.Resource.TotalCust
                </a>
                <div class="tile_stats_count smes_tile_stats_custom">
                    <div class="count">@Model.SidebarInfo.CountTotal</div>
                    <span class="count_top">@SMEsCustomer360Degree.Core.Resources.Resource.TotalCust</span>
                </div>
                @Html.ActionLink(@SMEsCustomer360Degree.Core.Resources.Resource.SeeDetail, "TotalCustomer", "CustomerManager", null, new { @class = "smes-left-sidebar-view-detail" })
            </li>
            <li id="smes_sidebar_quick_link_nc" class="smes_tile_stats_li smes_sidebar_quick_link_nc">
                <a class="smes_small_left_menu_icon">
                    <i class="fa fa-user"></i>@SMEsCustomer360Degree.Core.Resources.Resource.NewCust
                </a>
                <div class="tile_stats_count smes_tile_stats_custom">
                    <div class="count">@Model.SidebarInfo.CountNew</div>
                    <span class="count_top">@SMEsCustomer360Degree.Core.Resources.Resource.NewCust</span>
                </div>
                @Html.ActionLink(@SMEsCustomer360Degree.Core.Resources.Resource.SeeDetail, "NewCustomers", "CustomerManager", null, new { @class = "smes-left-sidebar-view-detail" })
            </li>
            <li id="smes_sidebar_quick_link_c" class="smes_tile_stats_li smes_sidebar_quick_link_c">
                <a class="smes_small_left_menu_icon">
                    <i class="fa fa-birthday-cake"></i>@SMEsCustomer360Degree.Core.Resources.Resource.Celebration
                </a>
                <div class="tile_stats_count smes_tile_stats_custom">
                    <div class="count">@Model.SidebarInfo.CountCelebration</div>
                    <span class="count_top">@SMEsCustomer360Degree.Core.Resources.Resource.Celebration</span>
                </div>
                @Html.ActionLink(@SMEsCustomer360Degree.Core.Resources.Resource.SeeDetail, "Celebration", "CustomerManager", null, new { @class = "smes-left-sidebar-view-detail" })
            </li>
            <li id="smes_sidebar_quick_link_ac" class="smes_tile_stats_li smes_sidebar_quick_link_ac">
                <a class="smes_small_left_menu_icon">
                    <i class="fa fa-exclamation-triangle"></i>@SMEsCustomer360Degree.Core.Resources.Resource.CustAlert
                </a>
                <div class="tile_stats_count smes_tile_stats_custom">
                    <div class="count">@Model.SidebarInfo.CountAlert</div>
                    <span class="count_top">@SMEsCustomer360Degree.Core.Resources.Resource.CustAlert</span>
                </div>
                @Html.ActionLink(@SMEsCustomer360Degree.Core.Resources.Resource.SeeDetail, "CustomersAlert", "CustomerManager", null, new { @class = "smes-left-sidebar-view-detail" })
            </li>
            <li id="smes_sidebar_quick_link_top" class="smes_tile_stats_li smes_sidebar_quick_link_top">
                <a class="smes_small_left_menu_icon">
                    <i class="fa fa-line-chart"></i>TOP10
                </a>
                <div class="tile_stats_count smes_tile_stats_custom">
                    <div class="count">TOP10</div>
                    <span class="count_top">@SMEsCustomer360Degree.Core.Resources.Resource.Top10</span>
                </div>
                @Html.ActionLink(@SMEsCustomer360Degree.Core.Resources.Resource.SeeDetail, "Top10", "CustomerManager", null, new { @class = "smes-left-sidebar-view-detail" })
            </li>
        </ul>
    </div>
</div>
<!-- /sidebar menu -->
<!-- /menu footer buttons -->
<div id="sidebar-footer" class="sidebar-footer hidden-small">
    <div class="dropdown">
        <ul class="dropdown-menu" role="menu">
            <li>
                <a class="tour-guide-sme" href="javascript:void(0);" onclick="startTourGuide();">
                    @SMEsCustomer360Degree.Core.Resources.Resource.GenTourGuide
                </a>
            </li>
            <li>
                <a class="tour-guide-sme" href="javascript:void(0);" onclick="startPageTourGuide();">
                    @SMEsCustomer360Degree.Core.Resources.Resource.CurrentTourGuide
                </a>
            </li>
        </ul>
        <a id="tour-guide" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="" data-original-title="Guide"></span></a>
    </div>

    <a id="compose" data-toggle="tooltip" data-placement="top" title="" data-original-title="Send QA">
        <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
    </a>
    @{
        foreach (var i in SMEsCustomer360Degree.Controllers.core.SiteLanguages.AvailableLanguages)
        {
            if (!SMEsCustomer360Degree.Controllers.core.SiteLanguages.GetCurrentLanguage().Equals(i.LangCultureName))
            {
                @Html.ActionLink(" ", "ChangeLanguage", "System", new { lang = i.LangCultureName }, new { @class = "lang-" + i.LangCultureName, id = "change-lang", data_toggle = "tooltip", data_placement = "top", title = "", data_original_title = i.LangFullName })
            }

        }
    }
    <a data-toggle="tooltip" data-placement="top" title="" data-original-title="Logout" href="/account/logout/@Model.UserName.ToLower()">
        <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
    </a>
</div>
<!-- /menu footer buttons -->
<!-- compose -->
<div class="compose col-md-6 col-xs-12">
    <div class="compose-header">
        New Message
        <button type="button" class="close compose-close">
            <span>×</span>
        </button>
    </div>
    <div class="compose-body">
        <div id="alerts"></div>
        <div class="btn-toolbar editor" data-role="editor-toolbar" data-target="#editor">
            <div class="btn-group">
                <a class="btn dropdown-toggle" data-toggle="dropdown" title="Font"><i class="fa fa-font"></i><b class="caret"></b></a>
                <ul class="dropdown-menu"></ul>
            </div>
            <div class="btn-group">
                <a class="btn dropdown-toggle" data-toggle="dropdown" title="Font Size"><i class="fa fa-text-height"></i>&nbsp;<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li>
                        <a data-edit="fontSize 5">
                            <p style="font-size:17px">Huge</p>
                        </a>
                    </li>
                    <li>
                        <a data-edit="fontSize 3">
                            <p style="font-size:14px">Normal</p>
                        </a>
                    </li>
                    <li>
                        <a data-edit="fontSize 1">
                            <p style="font-size:11px">Small</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="btn-group">
                <a class="btn" data-edit="bold" title="Bold (Ctrl/Cmd+B)"><i class="fa fa-bold"></i></a>
                <a class="btn" data-edit="italic" title="Italic (Ctrl/Cmd+I)"><i class="fa fa-italic"></i></a>
                <a class="btn" data-edit="strikethrough" title="Strikethrough"><i class="fa fa-strikethrough"></i></a>
                <a class="btn" data-edit="underline" title="Underline (Ctrl/Cmd+U)"><i class="fa fa-underline"></i></a>
            </div>
            <div class="btn-group">
                <a class="btn" data-edit="insertunorderedlist" title="Bullet list"><i class="fa fa-list-ul"></i></a>
                <a class="btn" data-edit="insertorderedlist" title="Number list"><i class="fa fa-list-ol"></i></a>
                <a class="btn" data-edit="outdent" title="Reduce indent (Shift+Tab)"><i class="fa fa-dedent"></i></a>
                <a class="btn" data-edit="indent" title="Indent (Tab)"><i class="fa fa-indent"></i></a>
            </div>
            <div class="btn-group">
                <a class="btn" data-edit="justifyleft" title="Align Left (Ctrl/Cmd+L)"><i class="fa fa-align-left"></i></a>
                <a class="btn" data-edit="justifycenter" title="Center (Ctrl/Cmd+E)"><i class="fa fa-align-center"></i></a>
                <a class="btn" data-edit="justifyright" title="Align Right (Ctrl/Cmd+R)"><i class="fa fa-align-right"></i></a>
                <a class="btn" data-edit="justifyfull" title="Justify (Ctrl/Cmd+J)"><i class="fa fa-align-justify"></i></a>
            </div>
            <div class="btn-group">
                <a class="btn dropdown-toggle" data-toggle="dropdown" title="Hyperlink"><i class="fa fa-link"></i></a>
                <div class="dropdown-menu input-append">
                    <input class="span2" placeholder="URL" type="text" data-edit="createLink" />
                    <button class="btn" type="button">Add</button>
                </div>
                <a class="btn" data-edit="unlink" title="Remove Hyperlink"><i class="fa fa-cut"></i></a>
            </div>
            <div class="btn-group">
                <a class="btn" title="Insert picture (or just drag & drop)" id="pictureBtn"><i class="fa fa-picture-o"></i></a>
                <input type="file" data-role="magic-overlay" data-target="#pictureBtn" data-edit="insertImage" />
            </div>
            <div class="btn-group">
                <a class="btn" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i class="fa fa-undo"></i></a>
                <a class="btn" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i class="fa fa-repeat"></i></a>
            </div>
        </div>
        <div id="editor" class="editor-wrapper"></div>
    </div>
    <div class="compose-footer">
        <button id="send" class="btn btn-sm btn-success" type="button">Send</button>
    </div>
</div>
<!-- /compose -->